@charset "utf-8";
*{
	padding: 0;
	margin: 0;
	text-style: none;
	list-style: none;
	font-family: 微软雅黑,sans-serif;
	color:#ffffff;
}
/* 1.网页头部：设置宽100% 高52px 边框*/
header{
	width: 100%;
	height: 52px;
	background-color: #333;
}
/* 2.网页中控：显示主题内容，主体 页尾*/
div#wrapper{
	width: 1534px;
	height: 52px;
	backgrou  nd-color: #000000;
	margin: 0 auto;
}
/* 3.网页中控区： 左侧部分*/
div#wrapper div.left{
	width: 963px;
	height: 52px;
	backgr ound-color: #333333;
	float: left;
	
}
/* 3.1 左侧部分li导航数据 布局：浮动*/
div#wrapper div.left ul li {
	bord  er: 1px solid #424242;
	float: left;
	height: 52px;
	line-height: 52px;
}
/*  */
div#wrapper div.left ul li a{
	border-right: 1px solid #424242;
	line-height: 52px;
	padding: 0 2px;
}
/* 3.3左侧部分：最后一个竖边拿下 */
div#wrapper div.right ul li a.fix{
	border: none;
}
div#wrapper div.right ul li ul.right{
	background-color: #424242;
	width: 500px;
}
div#wrapper div.right{
	width: 343px;
	height: 52px;
	background-color: #424242;
	float: right;
}
/* 4. 右侧浮动，右侧浮起*/
div#wrapper div.right ul li{
	float: left;
}
div#wrapper div.right ul li a{
	border-left: 1px solid #424242;
	line-height: 52px;
	padding: 0 10px;
	}
	div#wrapper div.left ul li a.fix{
		border: none;
	}
/* 4.2购物车精灵图 */
div#wrapper div.right ul li i.shop{
	border: 1px solid #424242;
	padding: 0 10px;
	background-image: url(../img/buy.png);
	margin-top: 10px;
	position: relative;
	top: 3px;
}
/* 4.3 购物车悬停效果：三个地方改变：背景改变
                                  背景该时改超链接
								  背景改时改精灵图*/
div#wrapper div.right ul li.ul_gouwu:hover{
	background-color: #424242;
	
}
div#wrapper div.right ul li.ul_gouwu:hover a{
	color: #ffaa00;
}
div#wrapper div.right ul li.ulgouwu:hover i.shop{
	background: url(../img/buy.png);
}
div#wrapper div.left ul li a:hover {
  color: #ffaa00;
}

div#wrapper div.right ul li a:hover{
	color: #ffaa00;
}



